<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	@import "@/static/css/remixicon.css";
	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
	@import "uview-ui/index.scss";
	
	page{
		--m-color:#5FC298;
	}
	view{
		box-sizing: border-box;
		display: block;
	}
	image{
		display: block;
	}
	// 生成padding
	@for $i from 0 through 20 {
		.p-#{$i * 5} {
			padding: #{$i * 5}rpx !important;
		}
	
		.pt-#{$i * 5} {
			padding-top: #{$i * 5}rpx !important;
		}
	
		.pr-#{$i * 5} {
			padding-right: #{$i * 5}rpx !important;
		}
	
		.pb-#{$i * 5} {
			padding-bottom: #{$i * 5}rpx !important;
		}
	
		.pl-#{$i * 5} {
			padding-left: #{$i * 5}rpx !important;
		}
	
		.px-#{$i * 5} {
			padding-left: #{$i * 5}rpx !important;
			padding-right: #{$i * 5}rpx !important;
		}
	
		.py-#{$i * 5} {
			padding-top: #{$i * 5}rpx !important;
			padding-bottom: #{$i * 5}rpx !important;
		}
	
		.m-#{$i * 5} {
			margin: #{$i * 5}rpx !important;
		}
	
		.mt-#{$i * 5} {
			margin-top: #{$i * 5}rpx !important;
		}
	
		.mr-#{$i * 5} {
			margin-right: #{$i * 5}rpx !important;
		}
	
		.mb-#{$i * 5} {
			margin-bottom: #{$i * 5}rpx !important;
		}
	
		.ml-#{$i * 5} {
			margin-left: #{$i * 5}rpx !important;
		}
	
		.mx-#{$i * 5} {
			margin-left: #{$i * 5}rpx !important;
			margin-right: #{$i * 5}rpx !important;
		}
	
		.my-#{$i * 5} {
			margin-top: #{$i * 5}rpx !important;
			margin-bottom: #{$i * 5}rpx !important;
		}
		.gap-#{$i * 5}{
			width:100%;
			height: #{$i * 5}rpx !important;
		}
	}
	.ml-auto{
		margin-left: auto;
	}
	.line-2 {
	  word-break: break-all;
	  text-overflow: ellipsis;
	  overflow: hidden;
	  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  -webkit-box-orient: vertical;
	}
	.line-1 {
	  // width: 100%;
	  // white-space: nowrap;
	  // overflow: hidden;
	  // text-overflow: ellipsis;
	  word-break: break-all;
	  text-overflow: ellipsis;
	  overflow: hidden;
	  display: -webkit-box;
	  -webkit-line-clamp: 1;
	  -webkit-box-orient: vertical;
	}
	.files-list {
		.files-item {
			margin-top: 16rpx;
			height: 30px;
			line-height: 30px;
			background-color: #f1f1f1;
			color: #888888;
			font-size: 12px;
			padding: 0 20rpx;
			display: flex;
			align-items: center;
	
			.url {
				flex-grow: 1;
				padding-right: 20rpx;
			}
	
			.action {
				flex-shrink: 0;
			}
		}
	}
	.text-center{
		text-align: center !important;
	}
	.page-title{
		padding:30rpx;
		display: flex;
		justify-content: space-between;
		.icon{
			color:#999;
			font-size:12px;
		}
	}
</style>